/*常用颜色*/
.gray{color: #a87b4f;}
.articlecolor{color:#333;}
/*常用尺寸*/
.normal{font-size: 20px;}
.bigfont{font-size: 30px;}
.list_title{font-weight: bold;font-size: 24px;}
.articlefont{font-size: 14px;}
/*位置放置中央*/
.center{text-align: center;}
/****************************/
*{margin:0;padding:0;overflow-x: hidden;}
footer,.banner,.content{display: flex;flex:1;padding:0 200px;}
header{padding-top: 20px;display: flex;flex:1;width:960px;margin:0 auto;}
/*logo*/
.logo{background-image:url(../image/logo.png);width:65px;height:78px;background-size: 100% 100%;}
.navlist{width:400px;margin-left: 460px;display: flex;align-items:center;justify-content:space-between;}
.navlist>span:hover{cursor:pointer;}
/*中间内容区域*/
.content{margin-top: 20px;}
.banner{background: #a87b4f;width:100%;height:300px;margin-top: 30px;align-items:center;}
.codeimg,.codeimg img{width:200px;height:200px;overflow: hidden;}
.asidemain{width:200px;}
.banner_title{width:740px;}
.content_main{width:710px;margin-right: 30px;}
.main_title{border-bottom:1px solid #ccc;padding-bottom: 10px;}
.mainlist{border-bottom: 1px dashed #ccc;padding-top:20px;padding-bottom: 30px;display: flex;}
.main_article{margin-top: 10px;width:550px;margin-right: 50px;}
.listimg img{width:100px;height:100px;}
.asidemain p:not(:first-child){margin-top: 30px;}
/*案例展示*/
.example,.tools{padding:0 200px;width:710px;padding-bottom: 20px;}
.example p{margin-top: 10px;padding-bottom: 20px;}
.exam_wrap{border-bottom: 1px dashed #ccc;}
.exam_list,.tool_list{display: flex;justify-content:space-between;margin-top: 30px;}
.exapmle_img{position: relative;width:200px;height:200px;border-radius: 150px;
	background-image:url(../image/banner.jpg);background-size: 100%;}
/*工具生成*/
.tools_main{display: flex;background: #f0f0f0;width: 200px;height: 200px;
	color:#a87b4f;align-items:center;justify-content:center; }
/*尾部*/
footer{padding-top:60px;padding-bottom: 40px;}
/*遮罩*/
.mask{display:none;align-items:center;justify-content:center;width: 200px;height: 200px;background: rgba(0,0,0,0.6);position: absolute;}
.mask img{width: 100px;height: 100px;}
